<template>
	<view class="root-box root-container root-page-top">
		<uv-navbar title="实名信息" autoBack placeholder bgColor="transparent" :fixed="false" />
		<view class="content">
			<view class="cell-page">
				<view class="uv-page__item">
					<uv-cell-group :customStyle="{background:'#fff'}">
						<uv-cell title="姓名" :value="agentData.real_name" ></uv-cell>
						<uv-cell title="身份证号" :value="agentData.id_card_number"></uv-cell>
						<uv-cell title="手机号" :value="agentData.tel"></uv-cell>
					</uv-cell-group>
					
                </view>
            </view>
			<view class="text-box">
				<uv-text text="签约地区" size="14" color="#333" bold />
			</view>
			<view class="area-box">
			 <view class="area-item">
					{{agentData.community_address}}
				</view>
            </view>
		</view>

	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import {
		useUserStore,useAgentStore
	} from '@/store'
	import {
		storeToRefs
	} from 'pinia'
	import {
		getIconPath
	} from '@/util'
	import {} from '@/api'

	
    const agent= useAgentStore()
	const user = useUserStore()
	const {
		token,
		userInfo
	} = storeToRefs(user)
	
	const{
		agentData
	} = storeToRefs(agent)
	
	const init = async () => {

	}

	init()
</script>

<style lang="scss" scoped>
	.root-box {


		.content {
			box-sizing: border-box;
			background-color: $uv-bg-color;
		}


	}

	.uv-page {
		padding: 0;

		&__item {

			&__title {
				color: $uv-tips-color;
				background-color: $uv-bg-color;
				padding: 30upx;
				font-size: 30upx;

				&__slot-title {
					color: $uv-primary;
					font-size: 28upx;
				}
			}


		}


	}
	.text-box{
		padding: 30upx;
		box-sizing: border-box;
	}
	.area-box{
		display: flex;
		width: 100%;
		padding: 30upx;
		box-sizing: border-box;
	}
	.area-item{
		width: 100%; 
		height: 30upx; 
		padding: 20upx; 
		border-radius: 60upx; 
		border: 1px solid red; 
		display: flex; 
		justify-content:center; 
		align-items: center;
		font-size: 24upx;
		color:#333
	}
</style>